<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta name="description" content="" />
        <meta name="keywords" content="" />
        
        <title>Я-Легенда - цель "%Запустить сайт iLegend%"</title>
        <link rel="stylesheet" type="text/css" href="css/stylesheet.css" />
        <link rel="stylesheet" type="text/css" href="css/main_style.css" />
        <link rel="stylesheet" type="text/css" href="css/my_goal_style.css" />
        <link rel="stylesheet" type="text/css" href="css/popup.css" />
        <script src="js/main.js" />
        <!--[if lte IE 7]>
            <meta http-equiv="refresh" content="0;url=naxyj.html" />
        <![endif]-->
        <!--[if lt IE 9]>
            <script>
                var e = ("article,aside,figcaption,figure,footer,header,hgroup,nav,section,time").split(',');
                    for (var i = 0; i < e.length; i++) {
                        document.createElement(e[i]);
                }
            </script>
        <![endif]-->
        
    </head>
    <body>
        <div id="header">
            <div class="nav_menu">
                <nav>
                    <a href="index.xhtml">Моя страница</a>
                    <a href="notes.xhtml">Заметки</a>
                    <a href="#">Чужие цели</a>
                    <a href="login.xhtml">Выход</a>
                </nav>
                <a href="index.xhtml"><div class="logo"></div></a>
            </div>
        </div>
        <div id="main">

            <div id="right_bar">
                <a href="#" style="text-decoration: none"><div class="project_news">
                    Новости Ilegend &#160;<span class="project_news_number">15</span>
                    <!-- Важно!!! при отсутствии новостей, <span class="project_news_number"></span> не выводится вообще!!! -->
                </div></a>
                <div class="events">
                    <div class="events_header">
                        События
                    </div>
                    <div class="events_body">
                        <a href="#"><div class="events_body_string"><div class="event_icon_message"></div>Сообщения &#160;<span class="events_number">15</span></div></a>
                        <a href="#"><div class="events_body_string"><div class="event_icon_friend"></div>Друзья &#160;<span class="events_number">3</span></div></a>
                        <a href="#"><div class="events_body_string"><div class="event_icon_photo"></div>Фотографии &#160;<span class="events_number">1</span></div></a>
                        <a href="#"><div class="events_body_string"><div class="event_icon_video"></div>Видеозаписи &#160;<span class="events_number">5</span></div></a>
                        <a href="#"><div class="events_body_string"><div class="event_icon_setting"></div>Настроики</div></a>
                    </div>
                </div>
                <div class="friends">
                    <a href="#">
                        <div class="friends_header">
                            Друзья
                        </div>
                    </a>
                    <div class="friends_body">
                        <div class="friends_body_string">
                            <a href="#"><div class="friends_avatar_thumb"><img src="img/2.jpg" title="Петя Васечкин" alt="" /></div>
                            <div class="friend_name">Петя Васечкин</div></a>
                            <div class="friends_news"><a href="#">2</a></div>
                        </div>
                        <div class="friends_body_string">
                            <a href="#"><div class="friends_avatar_thumb"><img src="img/asw.jpg" title="Друг" alt="" /></div>
                            <div class="friend_name">Петя Васечкин</div></a>
                            <div class="friends_news"><a href="#">2</a></div>
                        </div>
                        <div class="friends_body_string">
                            <a href="#"><div class="friends_avatar_thumb"><img src="img/xren.jpeg" title="Хер Моржевый" alt="" /></div>
                            <div class="friend_name">Петя Васечкин</div></a>
                            <div class="friends_news"><a href="#">2</a></div>
                        </div>
                        <div class="friends_body_string">
                            <a href="#"><div class="friends_avatar_thumb"><img src="img/shar_0_0.jpeg" title="Arnold Schwarzenegger" alt="" /></div>
                            <div class="friend_name">Петя Васечкин</div></a>
                            <div class="friends_news"><a href="#">2</a></div>
                        </div>
                    </div>
                </div>
            </div>
        
            <div id="content">
                <div id="profile_name">
                    <span class="profile_name">Александр <span class="profile_nickname">"skorpio"</span> Мокрушин</span>
                    <span class="net_status"><span class="net_status_style">Online</span></span>
                </div>
                <div class="setting_bar">
                    <div class="edite_goal_window" id="edite_goal_window"></div>
                    <div class="share_goal_window" id="shere_goal_window">
                        <div id="social">
                            <a href="#"><img src="img/f.png" alt="" /></a>
                            <a href="#"><img src="img/t.png" alt="" /></a>
                            <a href="#"><img src="img/v.png" alt="" /></a>
                        </div>
                    </div>
                    <div class="spectator_goal_window" id="spectator_goal_window"></div>
                </div>
                <div id="goal_description" class="goal_description">
                    <div class="goal_description_name">Научиться кодить на PHP</div>
                    <div class="goal_interval">
                        <span id="date_start">1 февраля 2013г.</span>
                        &#8212;
                        <span id="date_stop">1 марта 2013г.</span>
                    </div>
                    <div class="goal_specification">
                        <p>
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
                        </p>
                    </div>
                    <div class="goal_description_list">
                        <ol>
                            <li class="gdl_ready">Скачать руководство пользователя PHP.</li>
                            <li class="gdl_ready">Определиться с текстовым редактором (вероятнее всего NetBeans).</li>
                            <li class="gdil"><a href="#" title="свернуть/развернуть">Настроить среду исполнения</a>
                                 <!-- Является ссылкой только тогда, когда есть вложенный список!!! -->
                                <ol class="goal_description_inner_list">
                                    <li class="gdl_ready">Установить Linux</li>
                                    <li class="gdl_ready">Установить apache</li>
                                    <li title="Кликните, чтобы отметить как выполненное.">Установить интерпретатор PHP</li>
                                    <li title="Кликните, чтобы отметить как выполненное.">Установить базу данных MySQL</li>
                                    <li title="Кликните, чтобы отметить как выполненное.">Установить phpMyAdmin</li>
                                </ol>
                            </li>
                            <li title="Кликните, чтобы отметить как выполненное.">Выбрать фреймворк</li>
                            <li title="Кликните, чтобы отметить как выполненное.">Регаемся на фрилансе!!!</li>
                            <li title="Кликните, чтобы отметить как выполненное.">PROFIT!</li>
                        </ol>
                    </div>
                    <div class="add_report">
                        <a href="#">Добавить отчёт</a>
                    </div>
                    <div class="goal_report">
                        <div class="report_date">10.02.2013г. 21:03</div>
                        <div class="report_info">
                            <div class="report_info_inner">
                                <a href="#"><div class="report_info_views view_goal">&#160;</div></a>
                            </div>
                        </div>
                        <div class="report_tags">
                            <a href="#">тэг1</a>
                            <a href="#">тег2</a>
                            <a href="#">тэг3</a>
                            <a href="#">тэг4</a>
                            <a href="#">тэг5</a>
                        </div>
                        <div class="report_name">Руководство</div>
                        <div class="report_body">
                            <p>Как оказалось, найти достойное руководство по PHP не так-то просто. Вариантов много, но многие либо профессиональные, либо ссыль ведёт на фейк. А то и вовсе предлагают скачать за бабло... Жаль.</p>
                            <p>Чтож, будем искать бесплатное для новичков! Надо у знакомых поспрашивать, может кто-нибудь хотябы автора подскажет</p>
                        </div>
                    </div>
                    <div class="goal_report">
                        <div class="report_date">10.02.2013г. 21:03</div>
                        <div class="report_info">
                            <div class="report_info_inner">
                                <a href="#"><div class="report_info_views view_goal">&#160;</div></a>
                            </div>
                        </div>
                        <div class="report_tags">
                            <a href="#">тэг1</a>
                            <a href="#">тег2</a>
                            <a href="#">тэг3</a>
                            <a href="#">тэг4</a>
                            <a href="#">тэг5</a>
                        </div>
                        <div class="report_name">Руководство</div>
                        <div class="report_body">
                            <p>Как оказалось, найти достойное руководство по PHP не так-то просто. Вариантов много, но многие либо профессиональные, либо ссыль ведёт на фейк. А то и вовсе предлагают скачать за бабло... Жаль.</p>
                            <p>Чтож, будем искать бесплатное для новичков! Надо у знакомых поспрашивать, может кто-нибудь хотябы автора подскажет</p>
                        </div>
                    </div>
                </div>
                <div id="goal_media" class="goal_media">
                    
                        <!--<div class="gmph_string">
                            <div class="gmph_inner">
                                <a href="#"><img src="img/1.jpg" title="" alt="" /></a>
                            </div>
                            <div class="gmph_inner">
                                <a href="#"><img src="img/2.jpg" title="" alt="" /></a>
                            </div>
                            <div class="gmph_inner">
                                <a href="#"><img src="img/3.jpg" title="" alt="" /></a>
                            </div>
                        </div>
                        <div class="gmph_string">
                            <div class="gmph_inner">
                                <a href="#"><img src="img/4.jpg" title="" alt="" /></a>
                            </div>
                            <div class="gmph_inner">
                                <a href="#"><img src="img/5.jpg" title="" alt="" /></a>
                            </div>
                            <div class="gmph_inner">
                                <a href="#"><img src="img/6.jpg" title="" alt="" /></a>
                            </div>
                        </div>
                        <div class="gmph_string">
                            <div class="gmph_inner">
                                <a href="#"><img src="img/7.jpg" title="" alt="" /></a>
                            </div>
                            <div class="gmph_inner">
                                <a href="#"><img src="img/8.png" title="" alt="" /></a>
                            </div>
                            <div class="gmph_inner">
                                <a href="#"><img src="img/9.jpg" title="" alt="" /></a>
                            </div>
                        </div>
                        <div class="gmph_string">
                            <div class="gmph_inner">
                                <a href="#"><img src="img/10.jpg" title="" alt="" /></a>
                            </div>
                        </div>-->
                        <div class="mgs_c2 goal_media_photo"><!-- Здесь будут выводиться названия добавленных фото/видео файлов -->
                            <div class="add_file_thumb"><a href="#"><img src="img/1.jpg" title="1" alt="" /></a></div>
                            <div class="add_file_thumb"><a href="#"><img src="img/3.jpg" title="3" alt="" /></a></div>
                            <div class="add_file_thumb"><a href="#"><img src="img/4.jpg" title="4" alt="" /></a></div>
                            <div class="add_file_thumb"><a href="#"><img src="img/5.jpg" title="5" alt="" /></a></div>
                            <div class="add_file_thumb"><a href="#"><img src="img/6.jpg" title="6" alt="" /></a></div>
                            <div class="add_file_thumb"><a href="#"><img src="img/7.jpg" title="7" alt="" /></a></div>
                            <div class="add_file_thumb"><a href="#"><img src="img/8.png" title="8" alt="" /></a></div>
                            <div class="add_file_thumb"><a href="#"><img src="img/9.jpg" title="9" alt="" /></a></div>
                            <div class="add_file_thumb"><a href="#"><img src="img/10.jpg" title="10" alt="" /></a></div>
                        </div>
                    
                    <div class="goal_media_video">
                        <a href="#">
                            <div class="gmv_string">
                                
                            </div>
                        </a>
                    </div>
                </div>
            </div>
            
        </div>  
        <div id="footer">
            <p class="footer_link">
                <a href="#" target="_blank">О сайте</a>
                <a href="#" target="_blank">Условия использования</a>
                <a href="#" target="_blank">Политика конфиденциальности</a>
                <a href="#" target="_blank">Помощь</a>
            </p>
            <p class="footer_link">
                <a href="#">Русский</a>
                <a href="#">English</a>
            </p>
        </div>
    </body>
</html>
